
*{
    font-size:100%;
    margin:0;
    padding:0;
}
body  {
    font-family: Trebuchet MS, Arial,sans-serif;
    background:#fff;
    color:#000;
    font-size:0.75em;
	height:100%;
	min-height:100%;
	overflow: hidden;
	zoom:1;
	min-width:944px;
	width:944px;
}
html {
	overflow: hidden;
	zoom:1;
}
	
a, object, h4, button {outline:none}

img {border:0;}
sup, sub {font-size:.8em;}

strong {font-weight:bold;}
em, dfn {
	font-style:italic;
	color:#c74a40;
}
dfn {font-weight:bold;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
pre {white-space:pre-wrap;    font-size:1.0em;}
.nowrap {
    white-space:nowrap;
}


.hidden /*, iframe*/ {    display:none;}
iframe { border:0px; width:100%; overflow:hidden; scrolling="no" }

.error {
	color:#f00;	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~content~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a {
    color:#189ee3;
    text-decoration:underline;
}
a:hover {
    color:#189ee3;
    text-decoration:none;
}

p {
    margin: 0 0 1.2em 0;
    padding:0;
    line-height:1.2em;
} 
.error {color:#f00;}
.error span {display:block; padding-left: 10px;color:#f00;}
.warning {color: #f00; font-style: italic;}
.undefined {
    color:#f00;
    padding:0 10px 10px 10px;
}

h1, h2 { text-transform:uppercase; color:#616161;}
h1 {font-size:2.1em;padding:30px 0 12px 0; }
h2  {
	font-size:1.3em;
	text-decoration:none;
	margin-bottom:0.5em;
}

h3 {
	font-size:1.2em;
	color:#616161;
	padding:0;
	margin:0;
}
h4 {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:4px;
}
h5 {
	font-size:0.9em;
	font-weight:bold;
	color:#c74a40;
	margin-bottom:19px;
}


blockquote {
	background:#aaaaaa;
	padding:13px 27px 9px 27px;
	margin-bottom:20px;
	font-size:1.27em;
	color:#000;
	font-style:italic;
}
blockquote h2{
	color:#fff;
	font-size: 1.1em;
	font-style:normal;
	margin-bottom:0.31em;
}
blockquote p {
	margin-bottom: 0.37em;
}


.content ul {
	list-style:none;
	overflow:hidden;
}
.content ul li {
    padding-left:10px;
	list-style-type:none;
    margin:1em 0 0 2em;
    background: url("/images/li.gif") no-repeat 0 6px;
	position:relative;

}

.content ol {
	list-style:none;
/*	counter-reset:list_item;
	padding:0 0 5px 20px;*/
}
.content ol li {
	list-style:none;
	margin:1em 0 0 2em;

}
/*.content ol li:before {
	content:counter(list_item)'. ';
	counter-increment:list_item;
}
*/

/*~~~~~~~~~~~~~~~local content~~~~~~~~~~~~~~*/
body.main {
	background:#000;/*url(/images/main-back.jpg) no-repeat center center;*/
	overflow:hidden;
	zoom:1;
}
.main #layout {
	background:none;
}
/*.rule #layout {
	background:url(/images/reg_bg_lt.jpg) no-repeat;
	zoom:1;
}

.rule #layout .bg1 {
	background:url(/images/reg_bg_rt.jpg) no-repeat right top;
	zoom:1;
	position: relative;
}
.rule  .bg2 {

	background:url(/images/reg_bg_lb.jpg) no-repeat bottom left;
	zoom:1;
}

.rule  .bg3 {
	
	background:url(/images/reg_bg_rb.jpg) no-repeat bottom right;
	height:350px;
	zoom:1;
}
*/
.rule .content {
	background:none;
	display:block;
	height: auto;
	padding:26px 20px; 0;
}


.rule #page {
	min-width:944px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~layout~~~~~~~~~~~~~~~~~~~~~~~~*/
.line {
	height:50px;
	width:944px;
	min-width:944px;
	background:#0ff; 
}

#layout {
	background:#fff url(/images/bg2.jpg) no-repeat center top;
	bottom: 137px;
    overflow-x: auto;
    overflow-y: scroll;
    position: absolute;
    top: 27px;
    width: 100%;
	min-width:944px;


}

.footer {
	height: 149px;
    position:absolute;
	bottom:0;
    width: 100%;
	z-index:15;

	font-size:0.7em;
	
	font-family:Tahoma, Geneva, sans-serif;
	clear:left;

	min-width:944px;
}
.main #layout {
	bottom: 52px;
	 top: 0;
}
.main .footer, .main .bottom, .main nav {
	height: 72px;
   
}
.main .footer img {
	margin:-23px auto 0 auto;
	display:block}
.main .bottom {
	margin-top:2px;
	padding-top:12px}
.main .bottom nav p {
	background:none;
	font-size: 11px;
    line-height: 1.5em;
	padding:0;}
.main .bottom nav {
	width:1000px;
}

#page_margins {
	width:944px;
	margin:0 auto;
}



#page {

    width: 944px;
    margin:0 auto;
    z-index: 1;
	
}

.header {
	background:#323232 url(/images/bg_header.gif) repeat-x;
	height:27px;
	position:absolute;
	z-index:5;
	width:100%;
	top:0;
	min-width:944px;}

	nav  {
		float:left;
		background: url(/images/shell.jpg) no-repeat;
		padding:5px 0 0 63px;
		overflow:hidden;
		height:22px;	}
	nav p {
		float:left;
		color:#FFF;
		background: url(/images/bg_sep.gif) no-repeat right 3px;
		padding:0 8px 0 9px;
		margin:0;
		margin-right: -3px;	}
	nav.top p a, nav.top p a:hover {
		color:#FFF;	}
	nav p span {
		color:#fccb00;	}

		menu {
			float:right;
			overflow:hidden;
			padding:5px 0 0 0;		}
		menu li {
			float:left;
			padding:0 9px 0 8px;
			background: url(/images/bg_sep.gif) no-repeat 0 3px;
			list-style:none;
			margin-left: -3px;		}
		menu.menu li a, menu.menu li a:hover {
			color:#ffffff;		}
		menu li.active a, menu li.active a:hover {
			text-decoration:none;
			color:#fccb00;		}







.hw {
	background:#fff;
	clear:left;
	padding:0 13px;
}
.hw img {
	display: block;
    margin: 0 auto;
}
.hw p{
	margin-bottom:0.5em;}

.bottom {
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
	padding: 8px 0 0 0;
	font-family::Arial, Helvetica, sans-serif;
	font-size:1.3em;
	
	width:100%;
	height:22px;
	clear:left;

/*	margin-top:-30px;
	position:relative;
	z-index:5;*/
}

.bottom nav {
	width:944px;
	margin:0 auto;
	display:block;
	background:none;
	padding:0;
	float:none;
}
.bottom nav p {
/*	clear:left;
	width:100%;*/
	float:left;
	background: url(/images/bg_sep.gif) no-repeat 0 3px;
}
.bottom p a, .bottom p a:hover {
	color:#fff;
}
.bottom p:first-child {
	
	background:none;
	padding-left:13px;
}



.main .bottom nav p {
	clear:left;
	width:100%;
	background: url(/images/bg_sep.gif) no-repeat 0 3px;
}




.short #CodeForm {
	background: url(/images/bg_smart2.png) no-repeat;
	/*opacity:1;*/
}

.short #CodeForm.blocked {
	background: url(/images/bg_smart2_block.png) no-repeat;
	
}



#CodeForm.blocked {
	background: url(/images/bg_smart_block.png) no-repeat;
}
#CodeForm {
	background: url(/images/bg_smart.png) no-repeat;
	position: relative;
	float:right;
	width:319px;
	height:93px;
	margin: 0 63px 0 0;
	
}
#CodeForm input {
	border: 0 solid;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	width:209px;
	color:#696667;

	
}
#CodeForm p {
	color:#fff;
	clear:left;
	line-height: 1.3em;
	padding: 5px 0 0 13px;
//	padding: 10px 0 0 13px;
	font-size:0.9em;
}
#CodeForm p a {
	color:#fff;
}

#CodeForm .buttons, #CodeForm dl {
	float:left;
}
#CodeForm .buttons input {
	width:60px;
	height:30px;
	cursor:pointer;
}
#CodeForm .buttons {
	padding:10px 0 0 0;
}
#CodeForm dl {
	
	width:auto;
}
#CodeForm dl dd {
	margin:0;
	padding:20px 18px 6px 17px; 
	zoom:1;
	float: left;
}
 .short #CodeForm .zf-result {
	padding:55px 0 0 10px;
}


#CodeForm label.error {
	position:absolute;
	background: url(/images/pop_back.png) no-repeat;
	width: 203px;
	height: 92px;
	top:-35px;
	left:30px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center;
	padding:18px 27px;
}
#CodeForm label.error span{
	color:#fff;
}
#CodeForm label.error #btnPop {
	display:block;
	width:68px;
	height:30px;
	position: absolute;
	bottom:16px;
	left:95px;
}







.content {
/*	height:431px;*/
/*	background:url(/images/bg.jpg) no-repeat;*/
	position:relative;
}


#LoginForm {
	background:url(/images/bg_autorize_bemlbr.png) no-repeat;
	width:236px;
	height:151px;
	padding: 52px 0 0 27px;
	position:relative
}
#LoginForm dl {

	padding:12px 0;
}
#LoginForm dl dd.l_pass {
	margin-top: -5px;
}
#LoginForm dd input {
	border: 0 solid;
	background: none;
	color:#000;
	text-transform:uppercase;
	width:200px;
}
#LoginForm .submit input {
	border: 0 solid;

	width:103px;
	height:30px;
	margin: 11px 0 0 110px;
	cursor:pointer;
	cursor:hand;
	background: none;
}

#LoginForm .s_err {
    clear: right;
    padding: 20px 5px;
    width: 100%;
	position: relative;
}


#LoginForm .zf-error {
	background: url("/images/bg_error.png") no-repeat scroll 0 50% transparent;
    color: #FFFFFF;
    float: left;
   
    left: 220px;
    margin: -10px 0 0 20px;
    padding: 12px 5px 12px 26px;
    position: absolute;
    vertical-align: middle;
    width: 200px;
	font-size:0.9em;
}

#LoginForm .s_err .zf-error  {
	 margin: -35px 0 0 25px;
    padding: 5px 5px 5px 26px;
	line-height:1.3em;
   
}

#auth_form {
	display:table;
	
	position: absolute;
	z-index:10;
    top: 50%;
	left:50%;
    width: 257px;
	margin: -224px  0  0 -125px;
}


.main .bg1, .main .bg2, .main .bg3 {
	height:100%;
	position:relative;
	zoom:1;

}
.main .bg3 {
	height:100%;

//	padding-bottom:50%;


	
	width:100%;
	display:block;
	overflow:hidden;
}

.main .auth_form img {
	margin:0 auto;
	display:block;
}
.registration {
	float:left;
	position:absolute;
	top:137px;
	left: 18px;
}
.registration a, .registration a:hover {
	color:#6b6a69;
	font-size:0.97em;
}
.registration a.forgetPassword {
	color:#6b6a69;
	margin-top:2px;
	display:block;
}
a.faq, a.faq:hover {
	position:absolute;
	
	top:137px;
	left:132px;
	color:#6b6a69;
}

/*~~~~~~~~~~~~~~~popupBox~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*\*/
html, body, .popupBox, .swc1 {
	height: 100%;
}
.popupBox {
	margin: 0 auto;
	display: table;
}
.swc1 {
	display: table-cell;
	vertical-align: middle;
}
/**/

/* in IEM solo shrink-wrap, no vert.center \*//*/


/**/

 .swc2 {
//	display: inline;
//	text-align: left;
zoom:1;
 //	width: 1px;

	
	
}


/* fix op10 vertical resize problem */
.swc2:after {
	position: absolute;
	height: 0%;
	content: "";
}
html {
	position: relative;
}






/*~~~~~~~~~~~~~~~~*/
.popupBg{
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
	position: absolute;
	z-index: 909;
	width:100%;
	height:100%;
}
.popupBox  .closeBox {
	background:#000 url(/images/close.gif) no-repeat;
	width:25px;
	height:25px;
	z-index: 9;
	position: relative;
	float:right;
	cursor:pointer;
	 margin-bottom: -25px;
}
.popupBox {
	position:relative;
	z-index: 999;
	
	
}

.swc2 {
	background:#f00;
}

/*~~~~~~~~~~~~~~~promo~~~~~~~~~~~~~~~~~~~~~~~~~*/
.promo {
	
	
	margin: 55px 0 34px 439px;
	position:relative;
	display:block;
	zoom:1;
}


/*~~~~~~~~~~~~~~~~~form~~~~~~~~~~~~~~~~~~~~~~~~~*/
form{
	

}

input, textarea, select {
    color:#333;
    font-size:12px;
    font-family: Arial,sans-serif;
/*	border:1px solid #afadae;
	line-height:19px;*/
}
input {
	
}
textarea {
    height:108px;
    width:98%;
    overflow:auto;
}
select {
    width:98%;
    margin:0;
    padding:0;
    height:19px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.rule form {
	padding: 30px 0  0 0;
}
.rule form dl {
	padding:10px 0;
	clear:left;
/*	overflow:hidden;*/
}
.rule form dl dd {
	float:left;
}
.zf-error {
	clear:left;
	color:#f00;
	width:auto;
}
.zf .zf-error {
	width:auto;
}

.rule .zf {
	margin-right:10px;
	
}
.zf-disabled input, .zf-disabled select, input.zf-disabled {
    color: #696667 !important;
}
.rule .zf-label {
	padding-top:2px;
}

.rule .buttons input {
	background:url(/images/b_submit.png) no-repeat;
	width:197px;
	height:31px;
	border:0 solid;
}



.note {
	width:1000px;
	margin:0 auto;
	font-size:10px;
}

.bg {
	z-index:0;
	position:fixed;
	top:0;
	left:0;}